<div class="navbar navbar-inverse" role="navigation">
    <div>
        <div class="navbar-header">
            　<!-- .navbar-toggle样式用于toggle收缩的内容，即nav-collapse collapse样式所在元素 -->
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                <span class="sr-only">Toggle Navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <!-- 确保无论是宽屏还是窄屏，navbar-brand都显示 -->
            <a href="__APP__" class="navbar-brand">
                <i class="glyphicon glyphicon-book"></i>
                课堂问答系统
            </a>
        </div>
        <!-- 屏幕宽度小于768px时，div.navbar-responsive-collapse容器里的内容都会隐藏，显示icon-bar图标，当点击icon-bar图标时，再展开。屏幕大于768px时，默认显示。 -->
        <div class="collapse navbar-collapse navbar-responsive-collapse">
            <ul class="nav navbar-nav">
                <li><a href="__APP__">首页</a></li>
                <li><a href="##">移动版</a></li>
                <li><a href="##">关于我们</a></li>
                <li><a href="#">帮助</a></li>
            </ul>
            <ul class="nav navbar-nav pull-right">
                <if condition="$Think.session.name neq null">
                    <li><a href="__MODULE__/TeaClass/classes">进入管理 <i class="fa fa-long-arrow-right"></i></span></a></li>
                <else />
                    <li><a href="__MODULE__/Auth/login"><span class="glyphicon glyphicon-log-in"></span> 登陆</a></li>
                    <li><a href="__MODULE__/Auth/register">注册</a></li>
                </if>
            </ul>
        </div>
    </div>
</div>
        